<template>
  <a-card :bordered="false">
    <a-tabs type="card" v-model="activeKey">
      <a-tab-pane tab="采购汇总-商品" key="material" :forceRender="true">
        <div :style="{padding: '10px 0px 25px 20px'}">
          <mm-rpt-pur-order-stat-material/>
        </div>
      </a-tab-pane>
      <a-tab-pane tab="采购汇总-供应商" key="supply" :forceRender="true">
        <div :style="{padding: '10px 0px 25px 20px'}">
          <mm-rpt-pur-order-stat-supply/>
        </div>
      </a-tab-pane>
      <a-tab-pane tab="采购汇总-采购员" key="buyer" :forceRender="true">
        <div :style="{padding: '10px 0px 25px 20px'}">
          <mm-rpt-pur-order-stat-buyer/>
        </div>
      </a-tab-pane>
    </a-tabs>
  </a-card>
</template>

<script>

  import '@/assets/less/TableExpand.less'
  import MmRptPurOrderStatMaterial from './MmRptPurOrderStatMaterial'
  import MmRptPurOrderStatSupply from './MmRptPurOrderStatSupply'
  import MmRptPurOrderStatBuyer from './MmRptPurOrderStatBuyer'

  export default {
    name: "MmRptPurOrderStat",
    components: {
      MmRptPurOrderStatMaterial,
      MmRptPurOrderStatSupply,
      MmRptPurOrderStatBuyer
    },
    data () {
      return {
        description: '采购统计报表',
        activeKey: 'material',
      }
    },
    created() {
    },
    computed: {
    },
    methods: {

    }
  }
</script>
<style scoped>
  @import '~@assets/less/common.less';
</style>